<template>
    <main>
        <SearchBar @openDialog="openDialog"></SearchBar>
        <List></List>
        <Dialog :dialogVisible="dialogVisible" @closeDialog="closeDialog"></Dialog>
    </main>
</template>

<script lang="ts" setup>
import SearchBar from './SearchBar.vue';
import Dialog from './Dialog.vue';
import List from './List.vue'
import { ref } from "vue";
const dialogVisible = ref(false)
const openDialog = () => {
    dialogVisible.value=true;
}
const closeDialog = () => {
    dialogVisible.value = false;
}
</script>

<style scoped>
</style>